<template>
  <div class="dashboard-container">
    <div class="app-container">
      <!-- 自定义组件，标题 -->
      <PageTitle :show-before="true">
        <template v-slot:before>
          <h2>视频面试</h2>
        </template>
      </PageTitle>
      <el-row type="flex" justify="end">
        <el-col :span="4">
          <el-select placeholder="公司名称">
            <el-option
              v-for="item in positionName"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            >
            </el-option>
          </el-select>
        </el-col>
        <el-col :span="6">
          <el-row :gutter="10" type="flex">
            <el-input placeholder="请输入搜索内容"></el-input>
            <el-button type="info">
              <i class="el-icon-search"></i>
            </el-button>
          </el-row>
        </el-col>
      </el-row>
      <!-- 数据表 -->
      <el-table
        v-loading="downloadLoading"
        ooltip-effect="dark"
        :data="list"
        max-height="500px"
        style="margin-top: 20px"
        @selection-change="handleSelectionChange"
      >
        <el-table-column
          label="企业名称"
          align="center"
          width="width"
          prop="companyname"
          fixed
        />
        <el-table-column label="面试职位" align="center" prop="jobname" fixed />
        <el-table-column
          label="面试简历"
          align="center"
          prop="phone"
          width="130"
          fixed
        >
          <template slot-scope="scope">
            {{ scope.row.fullname }} / {{ scope.row.age }} /
            {{ scope.row.sex_ }} / {{ scope.row.education_ }} /
            {{ scope.row.experience_ }}
          </template>
        </el-table-column>
        <el-table-column
          label="面试时间"
          align="center"
          prop="interview_time"
          width="180"
        />
        <el-table-column label="面试房间" align="center" prop="qualification">
          <template slot-scope="{ row }">
            {{ row.qualification | qualificationType }}
          </template>
        </el-table-column>
        <el-table-column
          label="操作"
          align="center"
          prop="com_name"
          width="220"
        >
          <template>
            <el-button type="primary" size="small" @click="detailsDialog = true"
              >详情</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <el-row :gutter="10" style="margin-top: 10px">
        <el-pagination
          background
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
          :current-page="currentPage4"
          :page-sizes="[10, 20, 50, 100]"
          :page-size="10"
          layout="total, sizes, prev, pager, next, jumper"
          :total="255"
          style="text-align: right"
        >
        </el-pagination>
      </el-row>
    </div>
    <el-dialog title="面试详情" :visible.sync="detailsDialog" width="35%">
        <el-row :gutter="10" style="margin-bottom: 10px;">
            <el-col :span="24">联系人：齐齐</el-col>
        </el-row>
              <el-row :gutter="10">
            <el-col :span="24">联系电话：13757434626</el-col>
        </el-row>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      downloadLoading: false,
      detailsDialog: false,
      list: [
        {
          id: 1,
          comid: 1,
          companyname: "企业名称是我",
          uid: 2,
          jobid: 1,
          jobname: "测试工",
          personal_uid: 1,
          resume_id: 1,
          fullname: "今天",
          interview_time: 1708147200,
          contact: "齐齐",
          tel: "13757434626",
          deadline: 1709443200,
          note: "",
          addtime: 1708146575,
          is_look: 1,
          company_donotice_time: 0,
          personal_donotice_time: 1708160494,
          age: "年龄未知",
          sex_: "性别未知",
          education_: "学历未知",
          experience_: "工作经验未知",
          job_link: "http:\/\/hr.blwang.com\/job\/1.html",
          company_link: "http:\/\/hr.blwang.com\/company\/1.html",
          resume_link: "http:\/\/hr.blwang.com\/resume\/1.html",
          room_status: "overtime",
        },
      ],
      positionName: [
        { id: 1, name: "公司名称" },
        { id: 2, name: "公司ID" },
        { id: 3, name: "职位名称" },
        { id: 4, name: "职位ID" },
        { id: 5, name: "求职者姓名" },
      ],
    };
  },
};
</script>

<style scoped></style>
